<template>
    <!-- 1.区域头部 -->
    <div class="areaheader">
        <div class="area-header">
            <h3 class="title">{{ title }}</h3>
            <div class="subtitle">{{ subtitle }}</div>
        </div>
    </div>
</template>
<script setup>
defineProps({
    title: {
        type: String,
        default: "默认值"
    },
    subtitle: {
        type: String,
        default: "默认值"
    }
})
</script>
<style scoped lang="less">
.areaheader {
    // margin: 20px 10px;
    .area-header {
        height: 80px;

        .title {
            font-size: 22px;
            color: #000;
        }

        .subtitle {
            margin-top: 12px;
            font-size: 18px;
            color: #4e4c4c;
        }
    }
}
</style>